<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网址简历</title>
<style>
  p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
  }
  .skills-list {
    list-style-type: none;
    padding: 0;
  }
  .skills-list li {
    background-color: #f4f4f4;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 5px;
  }
  #contact-info {
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
  }
  .highlight {
    font-weight: bold;
    color: #007bff;
  }
</style>
</head>
<body>
<div class="resume-box">
  <header>
    <h1>张三的简历</h1>
  </header>
  <section>
    <h2>个人信息</h2>
    <p><span class="highlight">姓名：</span> 张三</p>
    <p><span class="highlight">年龄：</span> 28岁</p>
    <p><span class="highlight">邮箱：</span> <a href="mailto:zhangsan@example.com">zhangsan@example.com</a></p>
    <p><span class="highlight">电话：</span> 123-456-7890</p>
  </section>
  <section>
    <h2>教育背景</h2>
    <p><span class="highlight">学位：</span> 计算机科学硕士</p>
    <p><span class="highlight">毕业院校：</span> XX大学</p>
    <p><span class="highlight">毕业时间：</span> 2020年6月</p>
  </section>
  <section>
    <h2>工作经验</h2>
    <p><span class="highlight">公司名称：</span> XX科技有限公司</p>
    <p><span class="highlight">职位：</span> 软件工程师</p>
    <p><span class="highlight">工作时间：</span> 2018年7月 - 2020年6月</p>
    <p><span class="highlight">工作描述：</span> 负责公司产品的后端开发和维护。</p>
  </section>
  <section>
    <h2>技能</h2>
    <ul class="skills-list">
      <li>编程语言：Java, Python, C++</li>
      <li>框架：Spring, Django, React</li>
      <li>数据库：MySQL, MongoDB</li>
      <li>工具：Git, Docker, Kubernetes</li>
    </ul>
  </section>
  <footer id="contact-info">
    <p>感谢您的阅读，期待与您进一步交流。</p>
  </footer>
</div>
</body>
</html>